<template>
	<footer>
		<div class="footer-down">
			<div>
				<p class="line">&#xe606;</p>
				<p>在线客服</p>
			</div>
			<div class="eat">
				<p class="line">&#xe6aa;</p>
				<p>爱吃</p>
			</div>
			<div>
				<p class="line">&#xe698;</p>
				<p>购物车</p>
			</div>
			<div class="footer-r">
				加入购物车
			</div>
		</div>	
		
	</footer>
</template>

<script>
</script>
	
<style scoped>
footer{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1.48rem;
		background:white;
		z-index: 99;
}
@font-face {
  font-family: 'iconfont';  /* project id 347964 */
  src: url('//at.alicdn.com/t/font_347964_45gmv5rd0b0jatt9.eot');
  src: url('//at.alicdn.com/t/font_347964_45gmv5rd0b0jatt9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_347964_45gmv5rd0b0jatt9.woff') format('woff'),
  url('//at.alicdn.com/t/font_347964_45gmv5rd0b0jatt9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_347964_45gmv5rd0b0jatt9.svg#iconfont') format('svg');
}
.line{
	  font-family: 'iconfont';
	  font-size: .6rem;
}
.footer-down{
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
	align-items: center;
}
.footer-down div{
	width: 20%;
}
.footer-down .footer-r{
	width: 40%;
	height: 1.48rem;
	background: #f60;
	padding: 0;
	line-height: 1.48rem;
	color: white;
	font-size: .5rem;
}
@font-face {
  font-family: 'iconfont';  /* project id 347964 */
  src: url('//at.alicdn.com/t/font_347964_hqkf8vsccbgo80k9.eot');
  src: url('//at.alicdn.com/t/font_347964_hqkf8vsccbgo80k9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_347964_hqkf8vsccbgo80k9.woff') format('woff'),
  url('//at.alicdn.com/t/font_347964_hqkf8vsccbgo80k9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_347964_hqkf8vsccbgo80k9.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'iconfont';  /* project id 347964 */
  src: url('//at.alicdn.com/t/font_347964_vt5lax3uprkbuik9.eot');
  src: url('//at.alicdn.com/t/font_347964_vt5lax3uprkbuik9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_347964_vt5lax3uprkbuik9.woff') format('woff'),
  url('//at.alicdn.com/t/font_347964_vt5lax3uprkbuik9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_347964_vt5lax3uprkbuik9.svg#iconfont') format('svg');
}
.eat{
	border-left:1px solid  #ddd;
	border-right:1px solid  #ddd;
	
}
</style>
